<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta name="baidu-site-verification" content="MYV6qvSQdQ"/>
    <title>{#$sitesystem.title#}</title>
    <meta name="Keywords" content="{#$sitesystem.keywords#}"/>
    <meta name="Description" content="{#$sitesystem.description#}"/>
    <link rel="stylesheet" href="themes/index/css/global.css"/>
    <link rel="stylesheet" type="text/css" href="themes/index/css/pgwslider.min.css">
    <script type="text/javascript" src="themes/index/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
    <script type=text/javascript src="themes/index/js/pic.js"></script>
    <script type="text/javascript" src="themes/index/js/scroll.1.3.js"></script>
    <script type="text/javascript" src="themes/index/js/pgwslider.min.js"></script>
    <!-- mt-viki.com Baidu tongji analytics -->
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "//hm.baidu.com/hm.js?ad284decad1e1a3e5578fdac605942e7";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body>
{#include file="header.html"#}
<!--banner-->
<div id="banner" class="slideBox">
    <div class="hd">
        <ul>
            {#foreach from=$banner item=banner1 key=xox name=foo#}
                {#$xox=$xox+1#}
                <li></li>
            {#/foreach#}
        </ul>
    </div>
    <div class="bd">
        <ul>
            {#foreach from=$banner item=banner1 key=x name=foo#}
                <li><a href="{#$banner1.link#}" target="_blank"><img src="uploads/banner/{#$banner1.upfile#}"
                                                                     alt="{#$banner1.description#}"
                                                                     title="{#$banner1.description#}"/></a></li>
            {#/foreach#}
        </ul>
    </div>
    <div class="arrow">
        <img class="fl prev" src="themes/index/images/arrow-l.png">
        <img class="fr next" src="themes/index/images/arrow-r.png">
    </div>
</div>
<!--banner_end-->
<DIV class="clear"></DIV>

<div class="hot_seach">
    <div class="w11">
        <h3 class="fl">热门关键词：<a href="http://www.mt-viki.com/products-248-243-99.html" title="kvm一体机">kvm一体机</a>|<a
                    href="http://www.mt-viki.com/products-245-243-99.html" title="智能型kvm切换器">智能型KVM切换器</a>|<a
                    href="http://www.mt-viki.com/products-300.html" title="矩阵切换器">矩阵切换器</a>|<a
                    href="http://www.mt-viki.com/products-305-300.html" title="混合矩阵切换器">混合矩阵切换器</a></h3>
        <form action="index.php?c=product&a=search" target="_blank" method="post" class="fr ssl">
            <input type="text" class="seach fl" name="searkeywords" placeholder="在此输入您的搜索内容(如kvm、矩阵)等"/>
            <input type="submit" class="seach_fdj fl"/>
        </form>
    </div>
</div>
<div class="product w11">
    <div class="product_l fl">
        <h3>
            迈拓维矩kvm产品
            <span>Product center</span>
        </h3>
        <dl class="xz">
            <dt onclick=pro_click(353)>
                <a href="/products-news.html" title="点击了解最新产品" rel="nofollow">最新产品</a>
            </dt>
        </dl>
        {#foreach item=gsrow from=$cat_select12 key=xnp#}
            {#$xnp=$xnp+1#}
            <dl class="xz">
                <dt onclick=pro_click({#$gsrow.id#})>
                    <a onclick=pro_click({#$gsrow.id#})>
                        {#$gsrow.catename#}
                        {#if $gsrow.catename1 neq ""#}
                            <span>
								  ({#$gsrow.catename1#})
								</span>
                        {#/if#}
                    </a>
                </dt>
                {#if $gsrow.second neq ""#}
                    <div id="olid_{#$gsrow.id#}" style="display:none;">
                        <dd>
                            {#foreach item=tcat_select from=$gsrow.second key=pppmm#}
                                {#if $tcat_select.id eq "315"#}
                                    <h4><a href="products-251-243-99.html">{#$tcat_select.catename#}</a></h4>
                                {#else#}
                                    <h4>
                                        <a href="products-{#$tcat_select.id#}-{#$gsrow.id#}.html">{#$tcat_select.catename#}</a>
                                    </h4>
                                {#/if#}
                                {#if $tcat_select.third neq ""#}
                                    {#foreach item=pcat_select from=$tcat_select.third#}
                                        <p>
                                            <a href="products-{#$pcat_select.id#}-{#$tcat_select.id#}-{#$gsrow.id#}.html">{#$pcat_select.catename#}</a>
                                        </p>
                                    {#/foreach#}
                                {#/if#}
                            {#/foreach#}
                        </dd>
                    </div>
                {#/if#}
            </dl>
        {#/foreach#}

    </div>
    <div class="product_r fr">
        <ul>
            {#foreach item=promotegoods1 from=$promotegoods key=sysjj#}
                <li class="p-box">
                    <dl>
                        <dt>
                            <a href="productshow-{#$promotegoods1.id#}.html">
                                <img src="uploads/goods/{#$promotegoods1.upfile#}" width="233" height="200"
                                     alt="{#$promotegoods1.title#}" title="{#$promotegoods1.title#}">
                                <div class="line"></div>
                                <p><b>{#$promotegoods1.xinhao|upper#}</b></p>
                                <p>{#$promotegoods1.title#}</p>
                            </a>
                            <p>
                                <a class="more" href="productshow-{#$promotegoods1.id#}.html" rel="nofollow">MORE&gt;&gt;</a>
                            </p>
                        </dt>
                    </dl>
                </li>
            {#/foreach#}
        </ul>
    </div>
</div>

<div class="clear"></div>

<div class="ryzz">
    <div class="ryzz_h">
        <span class="line"></span>
        <span class="line-txt">我们的荣耀</span>
        <span class="line"></span>
    </div>
    <div class="ryzz_b" id="wrapBox1">
        <ul id="count1" class="count">
            {#foreach from=$zzrzlist item=zzrzlist1 key=oopuo#}
                <li>
                    <a href="ryzzdetail-{#$zzrzlist1.id#}.html"><img
                                src="uploads/article/{#$zzrzlist1.upfile#}" width="135" height="172"
                                alt="{#$zzrzlist1.title#}"></a>
                </li>
            {#/foreach#}
        </ul>
    </div>
    <div class="ryzz_n">
        <ul id="tabT04" class="tab-T-3">
            <li class="cur"></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
</div>

<div class="solution" id="solution">
    <img src="themes/index/images/solution_bg.jpg" width="100%">
    <div class="arrow">
        <img class="fl prev" src="themes/index/images/arrow-l.png">
        <img class="fr next" src="themes/index/images/arrow-r.png">
    </div>
    <div class="fade">
        <img class="a_img">
        <span class="title"></span>
        <p class="content"></p>
        <a class="more"><img width="120px" src="themes/index/images/know-more.png"></a>
    </div>
</div>
<div class="w11 solution-ft" id="solution-ft">
    <span class="btn btn-blk">案例分类</span>
    {#foreach from=$yyanlicate item=v key=k#}
        <a class="btn" id="{#$v.id#}">{#$v.catename#}</a>
    {#/foreach#}
</div>

<div class="info">
    <div class="hd">
        <span class="line"></span>
        <span class="line-txt">精益求精</span>
        <span class="line"></span>
        <span class="txt">质量源于用心，让迈拓维矩成为您的优质供应商</span>
    </div>
    <div class="w11">
        <div class="item"><img src="themes/index/images/info1.jpg" width="250"></div>
        <div class="item"><p class="title">规模化生产，行业性价比之王</p>
            <p class="content">国际化一流生产设备和工艺流程，量产数百万台，批量化采购，从而KVM切换器成品价格要比同行要有竞争力。</p></div>
        <div class="item"><img src="themes/index/images/info2.jpg" width="250"></div>
        <div class="item"><p class="title">终身维护，售后保障</p>
            <p class="content">专业客服贴心服务，3个月包换，让您在使用过程中不用担心KVM质量问题，承诺产品终身维护，为的就是让客户买的放心，用的舒心。</p></div>
        <div class="item"><p class="title">14年KVM视听产品研发生产行业经验</p>
            <p class="content">拥有十几条全自动生产线，厂房面积15000多平方米，年产量达400万台以上。强而有力的产品设计开发能力，采用先进设备，拥有一批多年专业设计开发技术人才。</p></div>
        <div class="item"><img src="themes/index/images/info3.jpg" width="250"></div>
        <div class="item"><p class="title">销售工程师跟进用户安装和操作指导</p>
            <p class="content">近三十项专利和二十位高端研发工程师，全程跟进产品品质和用户安装与指导，自主研发团队，引领KVM行业潮流。</p></div>
        <div class="item"><img src="themes/index/images/info4.jpg" width="250"></div>
        <div class="clear"></div>
    </div>
</div>

<div class="cjwt">
    <div class="hd">
        <span class="line"></span>
        <span class="line-txt">常见问题</span>
        <span class="line"></span>
    </div>
    <div class="bd w11">
        {#foreach item=cjwtlist1 from=$cjwtlist key=aaac#}
            <div class="qs">
                <div class="box fl">
                    <img src="themes/index/images/q.png" width="80">
                    <p>{#$cjwtlist1.title#}</p>
                    <img class="stars" src="themes/index/images/stars.png" height="15">
                </div>
                <div class="box fr">
                    <img src="themes/index/images/a.png" width="80">
                    <p>{#$cjwtlist1.short|truncate:40#}</p>
                    <a class="more" href="newsshow-{#$cjwtlist1.id#}.html"><img src="themes/index/images/more.png"
                                                                                width="80"></a>
                    <img class="stars" src="themes/index/images/stars.png" height="15">
                </div>
                <div class="clear"></div>
            </div>
        {#/foreach#}
    </div>
    <div class="ft"><a href="news-80.html">查看更多</a></div>
</div>

<div class="mtdt">
    <div class="hd">
        <div class="w11">
            <p class="fl">新闻资讯</p>
            <a class="fr" href="news.html">更多&gt;&gt;</a>
        </div>
    </div>
    <div class="w11">
        <ul class="pgwSlider">
            {#foreach item=newslist1 from=$newslist key=aaad#}
                <li>
                    <a href="newsshow-{#$newslist1.id#}.html">
                        <img src="{#if $newslist1.upfile eq ""#}themes/index/images/index_pic_141.jpg{#else#}uploads/article/{#$newslist1.upfile#}{#/if#}"
                             title="{#$newslist1.title#}" alt="{#$newslist1.title#}">
                    </a>
                </li>
            {#/foreach#}
        </ul>
        <div class="clear"></div>
    </div>
</div>
<div class="hotlink">
    <div class="w11">
        友情连接：{#foreach item=gdlink1 from=$gdlink#}<a href="{#$gdlink1.linkurl#}"
                                                     target="_blank">{#$gdlink1.linkname#}</a> |{#/foreach#}
    </div>
</div>
</div>
{#include file="footer.html"#}
</body>
</html>
<script type="text/javascript">
    $(function () {
        $("#count1").dayuwscroll({
            parent_ele: '#wrapBox1',
            list_btn: '#tabT04',
            path: 'left',
            auto: true,
            time: 3000,
            num: 5,
            gd_num: 5,
            waite_time: 1000
        });
        $('.pgwSlider').pgwSlider({
            autoSlide: false,
            listPosition: "right",
            verticalCentering: true,
            selectionMode: "mouseOver"
        });
        $("#banner").slide({
            mainCell: ".bd ul",
            effect: "leftLoop",
            autoPlay: true,
            interTime: 5000
        })
    });
    //工程案例
    $(function () {
        var curSolution = {#$yyanlicate[0].id#}
        var curIndex = 0
        var isAnimate = false


        function fillIn(data) {
            isAnimate = true
            $("#solution .fade").fadeOut(200, function () {
                $("#solution .title").html(data.title)
                $("#solution .content").html(data.description)
                $("#solution .a_img").attr("src", "uploads/article/" + data.upfile)
                $("#solution .more").attr("href", "cgaldetail-" + data.id + ".html")
            })
            $("#solution .fade").fadeIn(200, function () {
                isAnimate = false
            })
        }

        $.getJSON('index.php?c=main&a=solution', function (data) {
            fillIn(data[curSolution][curIndex])
            $("#solution .prev").click(function () {
                if (!isAnimate) {
                    if (curIndex <= 0) {
                        curIndex = data[curSolution].length
                    }
                    fillIn(data[curSolution][--curIndex])
                }
            })
            $("#solution .next").click(function () {
                if (!isAnimate) {
                    if (curIndex >= data[curSolution].length - 1) {
                        curIndex = 0
                    } else {
                        ++curIndex
                    }
                    fillIn(data[curSolution][curIndex])
                }
            })
            $("#solution-ft a").each(function () {
                $(this).click(function () {
                    if (!isAnimate) {
                        curSolution = $(this).attr('id')
                        curIndex = 0
                        fillIn(data[curSolution][curIndex])
                    }
                })
            })
        })
    })

    function pro_click(id) {
        for (var i = 50; i <= 500; i++) {
            $("#olid_" + i).hide();
        }
        $("#olid_" + id).slideToggle();
    }
</script>